<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 解构赋值；获取对象 或者数组属性值；

        // 一、数组的解构
        // ES5： 
        // var arr  = ["张三","李四","王五"];
        // var a = arr[0];
        // var b = arr[1];
        // var c = arr[2];
        // console.log(a,b,c);

        // ES6 ：
        // 一层解构
        // var arr  = ["张三","李四","王五"];
        // let [a,b,c] = arr;
        // // let [a,b,c] = ["张三","李四","王五"]
        // console.log(a,b,c);

        // 多层的解构
        // var arr = ["张三",["李四","王五"]];
        // let [a,[b,c]] = arr;
        // console.log(a,b,c);

        // 参数的解构

        // function fn([a,b,c]){
        //     // console.log(arr);
        //     // let [a,b,c] = arr;
        //     console.log(a,b,c);
        // }


        // fn(["张三","李四","王五"]);



        // 二、对象的解构 
        // ES5 对象 :
        // var obj  = {
        //     name:"张三",
        //     age:20
        // }
        // var myname = obj.name;
        // var myage = obj.age;
        // console.log(myname,myage);

        // 一层解构
        // let obj = {
        //     name:"张三",
        //     age:20
        // }

        // name，age 要和之前的对象键名一致 ， myname和myage可以自定义；
        // let {name:myname,age:myage} = obj;
        // console.log(myname,myage);

        // let {name:name,age:age} = obj;
        // 在对象里如果键名和键值 一样 可以省略一个；
        // let {name,age} = obj; // 对象最多的解构方式；
        // console.log(name,age);


        // 多层解构: 保持和之前对象的数据结构一致；
        // var obj = {
        //     name:"张三",
        //     age:20,
        //     hobby:{
        //         one:"篮球"
        //     }
        // }
        // let {name,age,hobby:{one}} = obj;
        // console.log(name,age,one);

        // 对象的参数解构

        // function fn({name:myname,age:myage}){
        //     console.log(myname,myage)
        // }


        // function fn({name,age}){
        //     console.log(name,age)
        // }
        // fn({name:"张三",age:20})

        


    </script>
</body>
</html>